 *{
	margin: 0;
	padding: 0;
}

img {
	border: none;
	display: block;
}

ul,
ol {
	list-style: none;
}

body {
	color: #333;
	font: 14px/20px "SimSun", "宋体", "Arial Narrow", HELVETICA;
	background: #fff;
}

a {
	color: white;
	text-decoration: none;
}

#header {
	
	height: 50px;
	min-width:1200px;
	background: #333;
}

#h-center {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
}

.u-left {
	width: 700px;
	height: 50px;
	text-align: center;
	float: left;
}

.u-left li {
	float: left;
	border-right: 1px solid #424242;
	padding: 0 10px;
	margin-top: 15px;
}

#li01 {
	border: none;
}

#user-interact {
	padding-top: 10px;
	float: right;
	margin-right: 22px;
}

#user-interact span {
	color: #424242;
}

#shop-car {
	float: right;
	width: 126px;
	text-align: center;
	position: relative;
}

#shop-car-info {
	display: block;
	height: 38px;
	text-align: center;
	background: #424242;
	padding-top: 12px;
}

#shop-car #shop-car-info .yitao {
	font-size: 20px;
	vertical-align: middle;
}

#shop-car #shop-car-info:hover {
	color: #ff6700;
	background: #fff;
}

#shop-car-list {
	display: none;
	position: absolute;
	right: 0;
	top: 50px;
	width: 316px;
	height: 60px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
	padding-top: 40px;
	text-align: center;
	background: #fff;
	z-index:2;
}

@font-face {
	font-family: 'yitao';
	src: url('../font1/iconfont.eot');/* IE9*/
	src: url('../font1/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font1/iconfont.woff') format('woff'), /* chrome、firefox */
	url('../font1/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../font1/iconfont.svg#iconfont') format('svg');
	/* iOS 4.1- */
}

.yitao {
	font-family: "yitao" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

#nav {
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}

#nav h1 {
	float: left;
	padding-top: 20px;
	height: 80px;
}

#head{
	width:700px;
	height:100px;
	float: left;
}
#service{
	width:215px;
	height:100px;
	float:left;
}
#service a{
	color:black;
	float:left;
	padding: 0 10px;
	line-height: 100px;
	font-size: 16px;
}

#ull {
	width: 485px;
	height: 100px;
	float: left;
}

#ull li {
	float: left;
	padding: 0 10px;
	line-height: 100px;
	font-size: 16px;
}

#ull li a {
	color: black;
}

#ull li a:hover {
	color: red;
}


/*   以下是导航的隐藏内容*/


#nav-menu-wrap {
	position: absolute;
	z-index: 2;
	display: none;
	width:100%;	
	min-width: 1200px;
	height: 0;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	box-shadow: 0 3px 4px rgba(0, 0, 0, .18);
}
#nav-menu {
	margin: 0 auto;
	width: 1200px;
	height: auto;
	overflow: hidden;
}
#nav-menu ul {
	display: none;
}
#nav-menu li {
	position: relative;
	float: left;
	padding: 35px 10px;
	width: 180px;
	text-align: center;
}
#nav-menu li::before{
	position: absolute;
	left: 0;
	content: '';
	width: 1px;
	height: 100px;
	background: #e0e0e0;
}
#nav-menu .first::before{
	width: 0;
}
#nav-menu img {
	display: block;
	margin: 0 auto 20px;
	width: 160px;
	height: 110px;
}
#nav-menu a{
	color: #333;
}
#nav-menu p {
	margin: 6px 0 30px;
	color: #ff6700;
}


/*以下是搜索框*/

#n-right {
	float: right;
	width: 247px;
	height: 100px;
	position: relative;
}

#n-right #tex {
	outline: none;
	width: 200px;
	height: 42px;
	margin-top: 20px;
	border: 1px solid #ececec;
}

#search {
	float: right;
	width: 34px;
	height: 30px;
	display: block;
	padding-top: 12px;
	padding-left: 10px;
	margin-top: 20px;
	border: 1px solid #ececec;
	border-left: none;
	color: black; 
}

#search:hover {
	background: red;
}

#search-notice {
	position: absolute;
	top: 33px;
	right: 50px;
	
}
#search-notice a{
	color:#b0b0b0;
	margin-left:5px;
}

#search-notice a:hover {
	color: #fff;
	background: #ff6700;
}

#ull02 {
	width: 200px;
	/*height:150px;*/
	background: #fff;
	position: absolute;
	left: 0;
	top: 64px;
	display: none;
	border: 1px solid #ff6700;
	border-top: none;
	z-index: 1;
}

#ull02 .active{
	background: orange;
}

#ull02 li {
	padding: 0 10px 0;
	line-height: 32px;
}
#ull02 li a{
	font-size: 12px;
	color:black;
}

#ull02 li a span{
	color:#b0b0b0;
	float:right;
}
@font-face {
	font-family: 'iconfont1';
	src: url('../font2/iconfont.eot');
	/* IE9*/
	src: url('../font2/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font2/iconfont.woff') format('woff'), /* chrome、firefox */
	url('../font2/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../font2/iconfont.svg#iconfont') format('svg');
	/* iOS 4.1- */
}

#search .iconfont1 {
	font-family: "iconfont1" !important;
	font-size: 30px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}







#content {
	width: 1200px;
	height: 450px;
	margin: 0 auto;	
	position: relative;
	
}

#content #ul01 {
	width: 230px;
	height: 430px;
	background: black;
	padding-top: 20px;
	float: left;
}

#content #ul01 li a {
	width: 210px;
	height: 40px;
	display: block;
	line-height: 40px;
	padding-left: 20px;
}

#content #ul01 li a:hover {
	background: red;
}

#div{
	
	width: 970px;
	height: 450px;
	float: left;
	
}

#c-list{
	width:500px;
	height:450px;
	position: absolute;
	top:0;
	left:230px;
	display: none;
}
#c-list-center{
	margin:0 auto;
	width:auto;
	height:450px;
	overflow: hidden;
}
#c-list-center ul{
	width:500px;
	height:450px;
	background:#fff;
}

#c-list-center ul li{
	width:230px;
	height:50px;
	float:left;
	padding:0 10px
}

#c-list-center ul li a{
	width:220px;
	height:50px;
	color:black;
	display: block;
}

#c-list-center ul li a img{
	width:30px;
	height:30px;
	margin-top:20px;
	display: inline-block;
}
#c-list-center ul li a b {
	margin-left:60px;
	font-style: normal;
	
}

#c-list-center ul li a span{
	border:1px solid #000;
	widht:60px;
	height:22px;
	float:right;
}

#c-list-center ul li a:hover span{
	background: red;
}



#c-right {
	width: 970px;
	height: 450px;
	position: relative;
	overflow: hidden;
}

#c-right #ul02 {
	width: 970px;
	height: 450px;
	
}



 #ul02 img {
	width: 970px;
	height: 450px;
	filter: alpha(opacity:0);
	opacity: 0;
	display:none;
}

 #ul02 .active {
	display: block;
	filter: alpha(opacity:100);
	opacity: 1;
	
}

#tubiao {
	position: absolute;
	top: 0;
	left: 0;
}

#pre,#next {
	position: absolute;
	top: 220px;
	left: 10px;
	font-size: 50px;
	color: #000;
	display: block;
	width: 50px;
	height: 50px;
	background: green;
	text-align: center;
	line-height: 50px;
	filter: alpha(opacity=10);
	opacity:0.1;
}

#pre {
	top: 220px;
	left: 10px;
	
}

#next {
	top: 220px;
	left: 910px;
}

#btn-list {
	 position: absolute;
	 right: 30px;
	 bottom: 20px;
}

#btn-list a{
	display: block;
	float: left;
	margin: 0 5px;
	width: 6px;
	height: 6px;
	border: 2px solid rgba(255, 255, 255, .3);
	background: rgba(0, 0, 0, .4);
	border-radius: 50%;
	transition: all .2s;
}
#btn-list a:hover, #btn-list .active {
	background: rgba(255, 255, 255, .4);
	border-color: rgba(0, 0, 0, .4);
}
